<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="weixin/img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/friendlistpage.css"/>
    <link rel="stylesheet" href="css/sendquestion.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper_change.css"/>
    <script src="https://webapi.amap.com/maps?v=1.3&key=705b321a69c641906ee1a125e5350ca2"></script>
    <style>
        /*body{*/
        /*overflow-x: auto;*/
        /*}*/
        html{
            background:#ececec;
        }
        body{
            overflow: auto;
        }
        #titleword{
            width:100%;
            box-sizing: border-box;
            border:1px solid #9a9a9a;
            border-right-color: #ccc;
            border-bottom-color: #ccc;
            font-size: 16px;
            padding:3px 5px;
        }
        /*5C9DFF*/
        #titleword:active{

            border:1px solid #5C9DFF;
        }
        #titleword:focus{
            border:1px solid #5C9DFF;
        }
        #contentword:active{
            border:1px solid #5C9DFF;
        }
        #contentword:focus{
            border:1px solid #5C9DFF;
        }
        /*.sendquestionpage{*/
        /*height:63px;*/
        /*box-sizing: border-box;*/
        /*}*/
        /*关键词*/
        #keyword,#scoreword{
            overflow: hidden;
        }
        #keyword .keyworddiv,#scoreword .keyworddiv{
            margin-top:4px;
            /*width:18%;*/
            min-width:65px;
            text-align: right;
            width:86px;
        }
        #scoreword .keyworddiv{padding-left:10px;}
        #scoreword .keywordinputbox{
            /*width:75%;*/
            /*width:170px;*/
            /*border:1px solid #ddd;*/
            /*border-radius: 2px;*/
            /*padding:3px;*/
            box-sizing: border-box;
        }
        #keyword .keywordinputbox{
            width:75%;
            border:1px solid #ddd;
            border-radius: 2px;
            padding:3px;
            box-sizing: border-box;
        }
        #keyword .keywordinputbox input,#scoreword .keywordinputbox input{
            box-sizing: border-box;
            /*width:30%;*/
            width:60px;
            -webkit-appearance: none; /* 方法2 */
        }
        #scoreword .keywordinputbox div#inputbox{
            /*margin-left:45px;*/
            /*margin-right:13px;*/
            /*border:1px solid #ddd;*/
            border-radius: 2px;
            position:relative;
            box-sizing: border-box;
            /*width:30%;*/
            /*width:80px;*/
            padding:0;
            margin:0;
            display: inline-block;
            vertical-align:middle;
            background: #fff;
            font-size: 15px;
            height: 21px;
            line-height: 21px;
        }
        #scoreword .keywordinputbox input{
            /*width:100%;*/
            -webkit-appearance: none; /* 方法2 */
            vertical-align:middle;
            margin-top:-4px;
        }
        /*图片上传提醒*/
        #sendimginfo,#sendinfo{
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            z-index: 900;
            width:100%;
            height:100vh;
            background:rgba(0,0,0,0.75);
            box-sizing: border-box;
        }
        #sendimginfo>div,#sendinfo>div{
            position:absolute;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%); 	/* IE 9 */
            -moz-transform:translate(-50%,-50%); 	/* Firefox */
            -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
            -o-transform:translate(-50%,-50%); 	/* Opera */
            max-width: 270px;
            background: #fff;
            width:100%;
            padding:15px;
            border-radius: 3px;
        }
        #sendimginfo>div>p,#sendinfo>div>p{
            text-align: center;
        }
        #citylistul .Cell .tc_inner{
            margin-right:40px;
        }
        #allcitypage .rightnav>div{
            width:27px;
            text-align: center;
        }
        .kindword{
            max-width:58%;
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }
        #keywordinput:-moz-placeholder{
            color:#A9A9A9;
            font-size: 12px;
        }
        #keywordinput::-webkit-input-placeholder{
            color:#A9A9A9;
            font-size: 12px;
        }
        /*添加加减号操作金钱*/
        .inputbox p{
            padding:0;
        }
        .moneybtnbox{
            padding-left:40px;
            padding-right:40px;
            text-align: center;
        }
        #leftjianbtn{
            vertical-align:middle;
            /*position:absolute;*/
            top:3px;
            /*left:53px;*/
            height:27px;
            width:40px;
            display:inline-block;
            background-image: url("img/reduce_light.png");
            background-repeat: no-repeat ;
            background-size: 29px;
            background-position: center;
            display:none;
        }
        #price{
            width:20%;
            text-align: center;
            padding:3px;:
        }
        #price+span{
            color:#E53E3E;
            font-size: 14px;
        }
        #rightjiabtn{
            vertical-align:middle;
            /*position:absolute;*/
            top:3px;
            /*right:45px;*/
            height:27px;
            /*width:40px;*/
            width:32px;
            display:inline-block;
            background-image: url("img/add_deep.png");
            background-repeat: no-repeat ;
            background-size: 29px;
            background-position: center;
            display:none;
        }
        #showmap{
            position:fixed;
            width:100%;
            max-width: 1000px;
            top:0;
            left:50%;
            transform: translateX(-50%);
            right:0;
            bottom:0;
            z-index: 1000;
            background: #fff;
            overflow: scroll;
        }
        /*新的定位 城市*/
        #locationsearch{
            height:44px;
            padding:8px;
            background: #EFEFF4;
            box-sizing: border-box;
        }
        #locationsearch>div{
            width:100%;
            height:28px;
            box-sizing: border-box;
            overflow: hidden;
            background: #000;
            border-radius: 2px;
            position:relative;
        }
        #locationsearchbtn{
            position: absolute;
            z-index: 100;
            left:0;
            top:0px;
            width:28px;
            height:28px;
            background: url("img/locationsearch.png")no-repeat center;
            background-size: 20px;
        }
        #locationsearch>div>input{
            width:100%;
            box-sizing: border-box;
            height:28px;
            position: absolute;
            /*left:28px;*/
            right:0;
            top:0;
            padding-left:30px;
            /*padding-right:8px;*/
        }
        #locationlistplace,#otherlist,#searclocation{
            width:100%;
            padding-left:15px;
            padding-right:15px;
            box-sizing: border-box;
        }
        #locationlistplace>div>div,#otherlist>div,#searclocation>div{
            height:52px;
            box-sizing: border-box;
            border-bottom: 1px solid #F5F5F5;
            padding-top:8px;
        }
        #locationlistplace #nolocation{
            padding-top:0;
            color:#405686;
            line-height:52px;
        }
        #shiname img,#firstchoice img,#nolocation img{
            width:15px;
            height:15px;
            margin-top:19px;
        }
        #firstchoice img{
            margin-top:11px;
        }
        #locationlistplace #shiname{
            padding-top:0;
            line-height:52px;
        }
        #otherlist,#searclocation{
            width:100%;
            box-sizing: border-box;
            height:auto;
            /*overflow: scroll;*/
        }
        .dizhi{
            font-size: 12px;
            color:#8B8B8B;
        }
        /*新加表情*/
        ul,li{
            list-style: none;
        }
        textarea#commentinput{
            background:transparent;
            box-shadow:none;
            border:none;
            border-radius:0;
            border-bottom:1px solid #67C945;
        }
        #facebtn,#keybordbtn{
            width:30px;
            height:30px;
            margin-left:4%;
            background: url("img/sz.png") no-repeat;
            background-size: 30px;
        }
        #keybordbtn{
            background: url("img/yt2.png") no-repeat;
            background-size: 32px;
        }
        #faceulplace{
            padding:5px;
            overflow: hidden;
        }
        #faceulplace li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        .listcom span img{
            width: 18px;
            height:18px;
            margin-top: -3px;
        }
        #facelist{
            position: relative;
            background: #E7E7E8;
            margin-top:15px;
        }
        #arrdiv{
            position: absolute;
            top:-18px;
            left:20px;
            border:9px solid transparent;
            border-bottom-color:#f6f6f6;
        }
        #leftjianbtn,#rightjiabtn,#gaojibtn{
            cursor:pointer;
        }
        #outbox1 .myctywords{
            position:relative;
            left:auto;
        }
        #locationbox{
            padding-left:20px;
        }
        .sendquestionpage{
            padding-left:0;
        }
        .mainshowimgbox,.modifier{
            width:21vw;
            height:21vw;
        }
        .keyworddiv.lf{
            padding-left:20px;
            vertical-align:middle;
            text-align:justify;
            text-justify:distribute-all-lines;
            text-align-last:justify;
            box-sizing: border-box;
        }
        i{
            position:absolute;
            top:24px;
            left:13px;
            font-size:16px;
            font-weight: bold;
            color:#B92B27;
            font-family: -apple-system,"Helvetica Neue",Helvetica,sans-serif;
        }
        #digimgplace{
            max-width:1000px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" style="background:#ececec;">
<script src="js/jquery-1.11.3.js"></script>
<div id="outbox1">
    <div id="outbox2">
        <div class="bodyplace" style="display:block;" id="page_wrapper">
            <div class="PageWrapper nonav" style="margin-top:0;">
                <div class="EditorModal has_toolbar" style="padding-top:0;">
                    <!-- 头部-->
                    <div class="Header ModalHeader">
                        <div class="fixed_header" style="position:relative;">
                            <div class="header_main">
                                <div class="mweb_modal_back_button" id="maingobackbtn"></div>
                                <div class="page_title unified"></div>
                                <a class="navigation_button sendquesbtn">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- 主体内容-->
                    <div class="bar bar_regular_state">
                        <div class="questiontitle" style="background:#FAFAFA;display:none;">
                            <!--<textarea type="text" style="width: 100%;" maxlength=40 id="titleword"/></textarea>-->
                            <input type="text" placeholder="标题" maxlength=40 id="titleword"/>
                        </div>
                        <div class="questionbody" style="border:none;padding:4px 8px 0 8px;position:relative;">
                            <textarea style="resize:none;overflow-y:auto;border:none; scrollbar-base-color:#fff;width:100%;box-sizing: border-box;height:45px;position:relative" onfocus="ResizeTextarea(this,4);" onclick="ResizeTextarea(this,4);" onkeyup="ResizeTextarea(this,4);" id="contentword"></textarea>
                        </div>
                        <!-- 表情-->
                        <div id="facebtn" style="display:block"></div>
                        <div id="keybordbtn" style="display:none"></div>
                        <!--表情区域-->
                        <div id="facelist" style="display:none;">
                            <div id="arrdiv"></div>
                            <!--<ul id="faceulplace"></ul>-->
                            <div class="swiper-container">
                                <div class="swiper-wrapper">

                                    <div class="swiper-slide"  id="zerofacepage">

                                    </div>

                                    <div class="swiper-slide" id="onefacepage">

                                    </div>

                                    <div class="swiper-slide" id="twofacepage">

                                    </div>
                                </div>
                                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                </div>
                            </div>
                        </div>
                        <!--展示图片区域-->
                        <div id="questionbody" style="padding-bottom:2%;margin-left:4%;">
                            <div class="modifier image" style="display:inline-block;margin-left:0%;">
                                <input type="file" id="addimgbtn" style="width:100%;height:100%;z-index: 100;opacity: 0;" accept="image/*" onchange="selectFileImage(this);"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--关键词-->
            <div class="sendquestionpage" style="position:relative;">
                <i>*</i>
                <div class="sendquestionlabel" id="keyword" style="height:30px;position: relative">
                    <div class="keyworddiv lf">关键词:</div>
                    <div class="keywordinputbox lf" style="width:auto;position: absolute;left:95px;right:20px;">
                        <input type="text" id="keywordinput"  style="height:20px;line-height:20px;width:100%;" maxlength="25"/>
                    </div>
                </div>
            </div>
            <!--金额-->
            <div class="sendquestionpage" id="queshow" style="padding:14px 7px;display:none;">
                <div class="sendquestionlabel" id="scoreword" style="position: relative;overflow: hidden">
                    <div class="keyworddiv lf" style="width:auto;">增加悬赏金额:</div>
                    <div class="keywordinputbox lf" style="position: relative">

                        <div id="leftjianbtn"></div>
                        <div id="inputbox" style="padding-left:10px">
                            <span style="position: absolute;left: 10px;top: 0;"></span>
                            <script>
                                if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
                                    $("#inputbox span").css("top","-1px");
                                }
                            </script>
                            <input type="text" id="price" placeholder="0"/>元<span></span>
                        </div>
                        <div id="rightjiabtn"></div>
                    </div>
                </div>
            </div>
            <!--高级选项-->
            <div class="sendquestionpage" style="padding:0;display:none;">
                <div class="Cell InputCell InputMixin" id="gaojibtn">
                    <span class="tc_inner rightlistbtn hangyelistbtn">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">高级选项</span>
                            </p>
                        </div>
                        <div class="kindword hangyewords"></div>
                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                            <img src="img/darr01.png" id="gaojiimg"/>
                        </div>
                    </span>
                    <div class="tc_stroke"></div>
                </div>
                <!-- 匿名发布-->
                <div class="Cell InputCell InputMixin" id="hidenamebox" style="display: none;border-top:1px solid #ececec;">
                    <span class="tc_inner" id="hidename">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">匿名发布</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn" style="text-align: right;padding-right:5px;">
                            <img src="img/hook-no.png" style="width:20px;height:20px;"/>
                        </div>
                    </span>
                    <div class="tc_stroke"></div>
                </div>
                <!--提醒谁看-->
                <div class="sendquestionpage" style="display:none;padding:0;margin:0;" id="callfriend2">
                    <div class="Cell InputCell InputMixin">
                        <div class="tc_inner rightlistbtn">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label" style="color:#333;">选择被介绍人</span>
                                </p>
                            </div>
                            <div class="kindword" id="callfriendwords2"></div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                </div>
                <!--定位-->
                <div class="sendquestionpage" id="locationbox" style="margin-top:0px;display: none;">
                    <div class="sendquestionlabel" id="location" style="position: relative">
                        <div class="img" style="padding-left:0">
                            <img src="img/dingwei.png"/>
                        </div>
                        <div class="myctywords">所在位置</div>
                        <div class="kindword"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!--上传图片-->
<div class="choiceimgplace" style="display: none;">
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header">
            <div class="header_main">
                <div class="mweb_modal_back_button" id="imgpagegoback"></div>
                <div class="page_title unified">图片设置</div>
                <a class="navigation_button imgokbtn">
                    确定
                </a>
            </div>
        </div>
    </div>
    <!-- -->
    <div class="imgplace">
        <!--<div class="showupimgbox"></div>-->
        <div class="addbtn" id="addimgfilebtn">
            <input type="file"/>
        </div>
    </div>
    <!-- -->
    <div class="imgset" style="display:block;">
        <div class="sendquestionpage" style="padding:0;">
            <div class="Cell InputCell InputMixin">
                <span class="tc_inner rightlistbtn" >
                    <div class="form_inputs whoseeimg">
                        <p class="form_row">
                            <span class="input_label">只给谁看</span>
                        </p>
                    </div>
                    <div class="changephotobox mysetpageimgbtn rightarrowimg">
                        <img src="img/rarr02.png"/>
                    </div>
                </span>
                <div class="form_inputs showimgfriend" style="display: none;">
                    <p class="form_row">
                        <span class="input_label" id="imgcanseefriend"></span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片处理提醒-->
<div id="sendimginfo" style="display:none;">
    <div>
        <p>正在处理图片，请耐心等待...</p>
        <p style="padding-top:10px;"><img src="img/imgloading2.gif"/></p>
    </div>
</div>
<!--提交发布状态提醒-->
<div id="sendinfo" style="display:none">
    <div>
        <p id="sendinfop">正在处理图片，请耐心等待...</p>
        <p style="padding-top:10px;"><img src="img/imgloading.gif"/></p>
    </div>
</div>
<!-- 大图片-->
<div id="digimgplace" style="display: none;">
    <div id="delthisimgbtn" class="rt"></div>
    <div id="bigimgback" class="lf"></div>
    <img src="" id="showimg" style="width:100%;"/>
</div>
<!--地图区域-->
<div id="showmap" style="display:none">
    <div id="mapplace" style="display:none"></div>
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header" style="position:relative;">
            <div class="header_main">
                <div class="mweb_modal_back_button" id="mapgoback"></div>
                <div class="page_title unified"></div>
                <a class="navigation_button sendquesbtn" id="nosearch" style="display:none">
                    取消
                </a>
            </div>
        </div>
    </div>
    <div id="locationsearch">
        <div>
            <div id="locationsearchbtn"></div>
            <input type="text"/>
        </div>
    </div>
    <div id="locationlistplace">
        <div id="topthree">
            <div id="nolocation">不显示位置
                <img src="img/nocity.png" class="rt" style="display:block;"/>
            </div>
            <div id="shiname">
                <img src="img/nocity.png" class="rt" style="display:none;"/>
                <div></div>
            </div>
            <div id="firstchoice" style="display:none">
                <img src="img/nocity.png" class="rt" style="display:none;"/>
                <div class="name"></div>
                <div class="dizhi"></div>
            </div>
        </div>
    </div>
    <div id="otherlist">

    </div>
    <div id="searclocation" style="display:none">

    </div>
</div>
<!--选择好友-->
<div class="PageWrapper nonav" id="sd-imgchoicefriend" style="display: none;">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <div class="mweb_modal_back_button" id="friendlistgoback"></div>
                    <div class="page_title unified">
                        <span>选择好友</span>
                    </div>
                    <!-- 确定-->

                </div>
            </div>
        </div>
        <!-- 好友列表部分-->
        <div id="listplace" style="display: block;">
            <div class="Section">
                <!-- 主列表-->
                <div class="Cell" id="maina">
                    <div id="mainjinghao" style="display: none">
                        <div class="section_header section_header_gray">
                            <span>#</span>
                        </div>
                    </div>
                </div>
                <!--右侧导航条-->
                <div class="rightnav1" style="display: block;top:44px;">
                    <div id="jinghaobtn"><a href="#">#</a></div>
                    <div class="zmbtn">A</div>
                    <div class="zmbtn">B</div>
                    <div class="zmbtn">C</div>
                    <div class="zmbtn">D</div>
                    <div class="zmbtn">E</div>
                    <div class="zmbtn">F</div>
                    <div class="zmbtn">G</div>
                    <div class="zmbtn">H</div>
                    <div class="zmbtn">I</div>
                    <div class="zmbtn">J</div>
                    <div class="zmbtn">K</div>
                    <div class="zmbtn">L</div>
                    <div class="zmbtn">M</div>
                    <div class="zmbtn">N</div>
                    <div class="zmbtn">O</div>
                    <div class="zmbtn">P</div>
                    <div class="zmbtn">Q</div>
                    <div class="zmbtn">R</div>
                    <div class="zmbtn">S</div>
                    <div class="zmbtn">T</div>
                    <div class="zmbtn">U</div>
                    <div class="zmbtn">V</div>
                    <div class="zmbtn">W</div>
                    <div class="zmbtn">X</div>
                    <div class="zmbtn">Y</div>
                    <div class="zmbtn">Z</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/nicksort.js"></script>
<script src="../ftnjs/exif.js"></script>
<script src="ftnjs/uploadimgftn.js"></script>
<script src="js/tohref.js"></script>

<script src="ftnjs/urlnote.js"></script>

<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/changeexp.js"></script>

</body>
</html>